<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>欢迎来到Kazin的个人博客</title>
    <link rel="stylesheet" href="mystyle/index.css">
    <script src="myscript/jquery-3.4.1.js"></script>
    <script src="layui-v2.5.6/layui/layui.all.js"></script>
    <link rel="stylesheet" href="layui-v2.5.6/layui/css/layui.css">
    <link rel="stylesheet" href="mystyle/markdownCss.css">
</head>
<body>
<div class="background"></div>
<div class="main">
    <header>
        <p style="color: aliceblue">Kazin</p>
        <p style="color: #888;">嚣张冷酷狂躁冷漠不是善良人用的字眼，坚强充实奋斗进取与悲观的人无缘</p>
        <!--            contact-->
        <div class="upRightCorner clearFix">
            <div class="clearFix"><img src="myimages/portrait.png" alt="">
                <p class="-user-name" style="-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(to right,#fb929e,#409eff, lightblue);">kazin7853@gmail.com</p></div>

            <p class="info" onclick="logout()">
                <a href="#"><i class="layui-icon layui-icon-logout"></i>退出</a>
            </p>
        </div>
    </header>
    <section id="mainBody" class="clearFix">
        <section id="left">
            <!--头像和描述-->
            <div class="portraitDiv">
                <img src="myimages/portrait.png" alt="">
                <div class="description">
                    <h1 style="font-size: 22px;font-weight: 400;color: aliceblue">KAZIN CHI</h1>
                    <p class="status">Coding...</p>
                    <!--进度值-->
                    <div class="progressbar">
                        <div class="progressbarFull" style="height: 25px;">
                            <div class="progressInner" style="width: 67.5%;">
                                <div class="progressbarText">67.5%</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <ul class="catList">
                <li class="list-item">
                    <a class="nav-link" href="#"><i class="lni-home"></i>Home</a>
                </li>
                <li class="list-item">
                    <a class="nav-link" href="#"><i class="lni-briefcase"></i>Github</a>
                </li>
                <li class="list-item">
                    <a class="nav-link" href="#"><i class="lni-graduation"></i>Gitee</a>
                </li>
                <li class="list-item">
                    <a class="nav-link" href="#"><i class="lni-offer"></i>Contact</a>
                </li>
            </ul>

        </section>
        <section id="right">
            <div class="navBar">
                <ul>
                    <li class="active"><i class="layui-icon layui-icon-rate"></i>最新动态</li>
                    <li><i class="layui-icon layui-icon-form"></i>博客列表</li>
                    <li><i class="layui-icon layui-icon-code-circle"></i>开源项目</li>
                    <li><i class="layui-icon layui-icon-username"></i>关于我</li>
                </ul>
            </div>
            <div class="mainContent">
                <ul>
                    <li><!--最近动态-->
                        <div class="resentArticle">
                            <div class="mainContent-header">
                                <h1>移协成语接龙<span><i class="layui-icon layui-icon-rate"></i></span>
                                </h1>
                                <span>
                                    <span>
                                    <i class="layui-icon layui-icon-note"></i> Android
                                </span>
                                <span>
                                    <i class="layui-icon layui-icon-note"></i> Java
                                </span>
                                </span>

                            </div>
                            <div class="mainContent-body">
                                <div class="releaseTime">
                                    发布 2018-05-22 12:19:03
                                    <br> 更新 2018-05-22 12:19:03
                                </div>
                                <div class="abstract">
                                    <pre>增加使用说明界面</pre>
                                </div>
                                <div class="mainContent-detail">
                                    <div class="titleIcon">
                                        <p>使用说明</p>
                                    </div>
                                    <pre>
　　1.在任意软件复制一个成语，本软件将会自动查找成语信息，并且将该成语的
随机“接龙成语”复制到剪切板，长按任意输入框即可粘贴。
（QQ接龙红包神器 φ(^∇^ ) ）
　　2. 点击搜索图标，在输入框内输入成语，点击输入法回车键，
软件将会自动查找成语信息;所有内容可复制.
　　3. 点击小飞机图标，软件会自动查询接龙成语的成语信息。
                            </pre>
                                    <pre>　　※ 1. 接龙成语指符合成语接龙规则的后一个成语.
　　※ 2. 移协成语数据库目前仅收录30804条成语。
　　※ 3. 移协图标可点击.
　　※ 4. 意见反馈可提交至：邮箱：kazin7853@gmail.com
                                    </pre>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li style="display: none"><!--博客列表-->
                        <div class="blogList">
                            <div class="searchBar">
                                <div class="layui-form-item" style="margin:0;">
                                    <!--搜索框-->
                                    <div class="searchDiv" style="display: inline">
                                        <input type="text" name="title" required lay-verify="required" oninput="searchBlog()"
                                               placeholder="请输入标题" autocomplete="off" class="layui-input">
                                        <span onclick="searchBlog()">
                                            <i class="layui-icon layui-icon-search searchIcon"></i>
                                        </span>
                                    </div>
                                    <!--写博客按钮-->
                                    <button type="button" class="layui-btn layui-btn-radius layui-btn-primary"
                                            onclick="window.location.href = './EditBlog.html';"
                                            style="float:right;background: aliceblue">
                                        <i class="layui-icon layui-icon-edit"></i> 写博客
                                    </button>
                                </div>
                            </div>
                            <div class="blog-item">
                                <div class="blog-title">
                                    <h2 style="display: inline;">
                                        <!--博文图标-->
                                        <span class="blog-icon">
                                            <i class="layui-icon layui-icon-form"></i>
                                        </span>
                                        <span class="blog_title">移协成语接龙</span></h2>
                                    <!--删除按钮-->
                                    <span class="deleteIcon" onclick="delBlog(this)">
                                        <i class="layui-icon layui-icon-delete"></i> 删除
                                    </span>
                                    <!--编辑按钮-->
                                    <span class="editIcon" onclick="editBlog(this)">
                                        <i class="layui-icon layui-icon-edit"></i> 编辑
                                    </span>

                                </div>
                                <div class="blog-abstract" style="padding: 15px">
                                    <div style="    font-size: 0.9rem;
    line-height: 1.5;">2018-05-22 12:19:03
                                    </div>
                                    <div style="    font-size: 1.1rem;
                                    border-left: 5px solid #409eff;
    line-height: 1.5;
    color: rgb(48, 49, 51);
    padding: 0px 10px 0px 15px;" class="blog_description">增加使用说明界面
                                    </div>
                                </div>
                                <div class="blog-content">
                                    <span class="blog_content">1.在任意软件复制一个成语，本软件将会自动查找成语信息，并且将该成语的
随机“接龙成语”复制到剪切板，长按任意输入框即可粘贴。
（QQ接龙红包神器 φ(^∇^ ) ）
　　2. 点击搜索图标，在输入框内输入成语，点击输入法回车键，
软件将会自动查找成语信息;所有内容可复制.
　　3. 点击小飞机图标，软件会自动查询接龙成语的成语信息。

　　※ 1. 接龙成语指符合成语接龙规则的后一个成语.
　　※ 2. 移协成语数据库目前仅收录30804条成语。
　　※ 3. 移协图标可点击.
　　※ 4. 意见反馈可提交至：邮箱：kazin7853@gmail.com</span>
                                </div>
                                <p class="labels">
                                    <span>
                                        <i class="layui-icon layui-icon-note"></i> Android
                                    </span>
                                    <span>
                                    <i class="layui-icon layui-icon-note"></i> Java
                                </span>
                                    <span class="read" style="margin:0 50px">
                                        <a href="blogDetail.html">阅读全文
                                            <i class="layui-icon layui-icon-next"></i></a></span>
                                </p>
                            </div>
                            <div class="blog-item">
                                <div class="blog-title">
                                    <h2 style="display: inline;">
                                        <!--博文图标-->
                                        <span class="blog-icon">
                                            <i class="layui-icon layui-icon-form"></i>
                                        </span>
                                        <span class="blog_title">abc</span></h2>
                                    <!--删除按钮-->
                                    <span class="deleteIcon" onclick="delBlog(this)">
                                        <i class="layui-icon layui-icon-delete"></i> 删除
                                    </span>
                                    <!--编辑按钮-->
                                    <span class="editIcon" onclick="editBlog(this)">
                                        <i class="layui-icon layui-icon-edit"></i> 编辑
                                    </span>

                                </div>
                                <div class="blog-abstract" style="padding: 15px">
                                    <div style="    font-size: 0.9rem;
    line-height: 1.5;">2018-05-22 12:19:03
                                    </div>
                                    <div style="    font-size: 1.1rem;
                                    border-left: 5px solid #409eff;
    line-height: 1.5;
    color: rgb(48, 49, 51);
    padding: 0px 10px 0px 15px;" class="blog_description">增加使用说明界面
                                    </div>
                                </div>
                                <div class="blog-content">
                                    <span class="blog_content">1.在任意软件复制一个成语，本软件将会自动查找成语信息，并且将该成语的
随机“接龙成语”复制到剪切板，长按任意输入框即可粘贴。
（QQ接龙红包神器 φ(^∇^ ) ）
　　2. 点击搜索图标，在输入框内输入成语，点击输入法回车键，
软件将会自动查找成语信息;所有内容可复制.
　　3. 点击小飞机图标，软件会自动查询接龙成语的成语信息。

　　※ 1. 接龙成语指符合成语接龙规则的后一个成语.
　　※ 2. 移协成语数据库目前仅收录30804条成语。
　　※ 3. 移协图标可点击.
　　※ 4. 意见反馈可提交至：邮箱：kazin7853@gmail.com</span>
                                </div>
                                <p class="labels">
                                    <span>
                                        <i class="layui-icon layui-icon-note"></i> Android
                                    </span>
                                    <span>
                                    <i class="layui-icon layui-icon-note"></i> Java
                                </span>
                                    <span class="read" style="margin:0 50px">
                                        <a href="blogDetail.html">阅读全文
                                            <i class="layui-icon layui-icon-next"></i></a></span>
                                </p>
                            </div>
                            <div class="blog-item">
                                <div class="blog-title">
                                    <h2 style="display: inline;">
                                        <!--博文图标-->
                                        <span class="blog-icon">
                                            <i class="layui-icon layui-icon-form"></i>
                                        </span>
                                        <span class="blog_title">cbd</span></h2>
                                    <!--删除按钮-->
                                    <span class="deleteIcon" onclick="delBlog(this)">
                                        <i class="layui-icon layui-icon-delete"></i> 删除
                                    </span>
                                    <!--编辑按钮-->
                                    <span class="editIcon" onclick="editBlog(this)">
                                        <i class="layui-icon layui-icon-edit"></i> 编辑
                                    </span>

                                </div>
                                <div class="blog-abstract" style="padding: 15px">
                                    <div style="    font-size: 0.9rem;
    line-height: 1.5;">2018-05-22 12:19:03
                                    </div>
                                    <div style="    font-size: 1.1rem;
                                    border-left: 5px solid #409eff;
    line-height: 1.5;
    color: rgb(48, 49, 51);
    padding: 0px 10px 0px 15px;" class="blog_description">增加使用说明界面
                                    </div>
                                </div>
                                <div class="blog-content">
                                    <span class="blog_content">1.在任意软件复制一个成语，本软件将会自动查找成语信息，并且将该成语的
随机“接龙成语”复制到剪切板，长按任意输入框即可粘贴。
（QQ接龙红包神器 φ(^∇^ ) ）
　　2. 点击搜索图标，在输入框内输入成语，点击输入法回车键，
软件将会自动查找成语信息;所有内容可复制.
　　3. 点击小飞机图标，软件会自动查询接龙成语的成语信息。

　　※ 1. 接龙成语指符合成语接龙规则的后一个成语.
　　※ 2. 移协成语数据库目前仅收录30804条成语。
　　※ 3. 移协图标可点击.
　　※ 4. 意见反馈可提交至：邮箱：kazin7853@gmail.com</span>
                                </div>
                                <p class="labels">
                                    <span>
                                        <i class="layui-icon layui-icon-note"></i> Android
                                    </span>
                                    <span>
                                    <i class="layui-icon layui-icon-note"></i> Java
                                </span>
                                    <span class="read" style="margin:0 50px">
                                        <a href="blogDetail.html">阅读全文
                                            <i class="layui-icon layui-icon-next"></i></a></span>
                                </p>
                            </div>
                            <div class="blog-item">
                                <div class="blog-title">
                                    <h2 style="display: inline;">
                                        <!--博文图标-->
                                        <span class="blog-icon">
                                            <i class="layui-icon layui-icon-form"></i>
                                        </span>
                                        <span class="blog_title">agb</span></h2>
                                    <!--删除按钮-->
                                    <span class="deleteIcon" onclick="delBlog(this)">
                                        <i class="layui-icon layui-icon-delete"></i> 删除
                                    </span>
                                    <!--编辑按钮-->
                                    <span class="editIcon" onclick="editBlog(this)">
                                        <i class="layui-icon layui-icon-edit"></i> 编辑
                                    </span>

                                </div>
                                <div class="blog-abstract" style="padding: 15px">
                                    <div style="    font-size: 0.9rem;
    line-height: 1.5;">2018-05-22 12:19:03
                                    </div>
                                    <div style="    font-size: 1.1rem;
                                    border-left: 5px solid #409eff;
    line-height: 1.5;
    color: rgb(48, 49, 51);
    padding: 0px 10px 0px 15px;" class="blog_description">增加使用说明界面
                                    </div>
                                </div>
                                <div class="blog-content">
                                    <span class="blog_content">1.在任意软件复制一个成语，本软件将会自动查找成语信息，并且将该成语的
随机“接龙成语”复制到剪切板，长按任意输入框即可粘贴。
（QQ接龙红包神器 φ(^∇^ ) ）
　　2. 点击搜索图标，在输入框内输入成语，点击输入法回车键，
软件将会自动查找成语信息;所有内容可复制.
　　3. 点击小飞机图标，软件会自动查询接龙成语的成语信息。

　　※ 1. 接龙成语指符合成语接龙规则的后一个成语.
　　※ 2. 移协成语数据库目前仅收录30804条成语。
　　※ 3. 移协图标可点击.
　　※ 4. 意见反馈可提交至：邮箱：kazin7853@gmail.com</span>
                                </div>
                                <p class="labels">
                                    <span>
                                        <i class="layui-icon layui-icon-note"></i> Android
                                    </span>
                                    <span>
                                    <i class="layui-icon layui-icon-note"></i> Java
                                </span>
                                    <span class="read" style="margin:0 50px">
                                        <a href="blogDetail.html">阅读全文
                                            <i class="layui-icon layui-icon-next"></i></a></span>
                                </p>
                            </div>
                            <div class="blog-item">
                                <div class="blog-title">
                                    <h2 style="display: inline;">
                                        <!--博文图标-->
                                        <span class="blog-icon">
                                            <i class="layui-icon layui-icon-form"></i>
                                        </span>
                                        <span class="blog_title">sgeeas</span></h2>
                                    <!--删除按钮-->
                                    <span class="deleteIcon" onclick="delBlog(this)">
                                        <i class="layui-icon layui-icon-delete"></i> 删除
                                    </span>
                                    <!--编辑按钮-->
                                    <span class="editIcon" onclick="editBlog(this)">
                                        <i class="layui-icon layui-icon-edit"></i> 编辑
                                    </span>

                                </div>
                                <div class="blog-abstract" style="padding: 15px">
                                    <div style="    font-size: 0.9rem;
    line-height: 1.5;">2018-05-22 12:19:03
                                    </div>
                                    <div style="    font-size: 1.1rem;
                                    border-left: 5px solid #409eff;
    line-height: 1.5;
    color: rgb(48, 49, 51);
    padding: 0px 10px 0px 15px;" class="blog_description">增加使用说明界面
                                    </div>
                                </div>
                                <div class="blog-content">
                                    <span class="blog_content">1.在任意软件复制一个成语，本软件将会自动查找成语信息，并且将该成语的
随机“接龙成语”复制到剪切板，长按任意输入框即可粘贴。
（QQ接龙红包神器 φ(^∇^ ) ）
　　2. 点击搜索图标，在输入框内输入成语，点击输入法回车键，
软件将会自动查找成语信息;所有内容可复制.
　　3. 点击小飞机图标，软件会自动查询接龙成语的成语信息。

　　※ 1. 接龙成语指符合成语接龙规则的后一个成语.
　　※ 2. 移协成语数据库目前仅收录30804条成语。
　　※ 3. 移协图标可点击.
　　※ 4. 意见反馈可提交至：邮箱：kazin7853@gmail.com</span>
                                </div>
                                <p class="labels">
                                    <span>
                                        <i class="layui-icon layui-icon-note"></i> Android
                                    </span>
                                    <span>
                                    <i class="layui-icon layui-icon-note"></i> Java
                                </span>
                                    <span class="read" style="margin:0 50px">
                                        <a href="blogDetail.html">阅读全文
                                            <i class="layui-icon layui-icon-next"></i></a></span>
                                </p>
                            </div>
                            <div class="blog-item">
                                <div class="blog-title">
                                    <h2 style="display: inline;">
                                        <!--博文图标-->
                                        <span class="blog-icon">
                                            <i class="layui-icon layui-icon-form"></i>
                                        </span>
                                        <span class="blog_title">awefwef</span></h2>
                                    <!--删除按钮-->
                                    <span class="deleteIcon" onclick="delBlog(this)">
                                        <i class="layui-icon layui-icon-delete"></i> 删除
                                    </span>
                                    <!--编辑按钮-->
                                    <span class="editIcon" onclick="editBlog(this)">
                                        <i class="layui-icon layui-icon-edit"></i> 编辑
                                    </span>

                                </div>
                                <div class="blog-abstract" style="padding: 15px">
                                    <div style="    font-size: 0.9rem;
    line-height: 1.5;">2018-05-22 12:19:03
                                    </div>
                                    <div style="    font-size: 1.1rem;
                                    border-left: 5px solid #409eff;
    line-height: 1.5;
    color: rgb(48, 49, 51);
    padding: 0px 10px 0px 15px;" class="blog_description">增加使用说明界面
                                    </div>
                                </div>
                                <div class="blog-content">
                                    <span class="blog_content">1.在任意软件复制一个成语，本软件将会自动查找成语信息，并且将该成语的
随机“接龙成语”复制到剪切板，长按任意输入框即可粘贴。
（QQ接龙红包神器 φ(^∇^ ) ）
　　2. 点击搜索图标，在输入框内输入成语，点击输入法回车键，
软件将会自动查找成语信息;所有内容可复制.
　　3. 点击小飞机图标，软件会自动查询接龙成语的成语信息。

　　※ 1. 接龙成语指符合成语接龙规则的后一个成语.
　　※ 2. 移协成语数据库目前仅收录30804条成语。
　　※ 3. 移协图标可点击.
　　※ 4. 意见反馈可提交至：邮箱：kazin7853@gmail.com</span>
                                </div>
                                <p class="labels">
                                    <span>
                                        <i class="layui-icon layui-icon-note"></i> Android
                                    </span>
                                    <span>
                                    <i class="layui-icon layui-icon-note"></i> Java
                                </span>
                                    <span class="read" style="margin:0 50px">
                                        <a href="blogDetail.html">阅读全文
                                            <i class="layui-icon layui-icon-next"></i></a></span>
                                </p>
                            </div>
                        </div>
                    </li>
                    <li style="display: none">
                        <!--开源项目-->
                        <div class="openSourceProject">
                            <div class="searchBar">
                                <div class="layui-form-item" style="margin:0;">

                                    <div class="searchDiv" style="display: inline">
                                        <input type="text" name="title" required lay-verify="required" oninput="searchProj()"
                                               style="width: 350px;display: inline"
                                               placeholder="请输入标题" autocomplete="off" class="layui-input">
                                        <span onclick="searchProj()">
                                    <i class="layui-icon layui-icon-search searchIcon"></i>
                                </span>
                                    </div>
                                </div>
                            </div>
                            <div class="proj-item">
                                <div class="proj-title">
                                    <h2 style="display: inline;"><span
                                            style="background: center;float: left;line-height: 21px;padding: 0 10px">
                                    <i class="layui-icon layui-icon-code-circle" style="    font-size: 28px;
    vertical-align: middle;"></i>
                                </span><span class="proj_title">这是一个项目标题a</span></h2>
                                </div>
                                <div class="proj-abstract">
                                    <div class="proj_time">2018-05-22 12:19:03
                                    </div>
                                    <div>
                                        这是项目摘要这是项目摘
                                        要这是项目摘要这是项目摘要这是项目摘要这是项目摘要这是
                                        项目摘要这是项目摘要这是项目摘要这是项目摘要这是项目摘
                                        要这是项目摘要这是项目摘要这是项目摘要这是项目摘要
                                    </div>
                                </div>
                                <p class="labels2">
                                    <span class="icon-rate">
                                        <i class="layui-icon layui-icon-rate"></i>  0
                                    </span>
                                    <span class="icon-notice">
                                        <i class="layui-icon layui-icon-notice"></i> 0
                                    </span>
                                    <span style="margin:0 50px">
                                        <a href="https://github.com/chikazin">前往github
                                            <i class="layui-icon layui-icon-next icon-next"></i>
                                        </a></span>
                                    <span style="float:right"><span>
                                    <i class="layui-icon layui-icon-note"></i> Android
                                </span>
                                    <span>
                                    <i class="layui-icon layui-icon-note"></i> Java
                                </span></span>
                                </p>
                            </div>
                            <div class="proj-item">
                                <div class="proj-title">
                                    <h2 style="display: inline;"><span
                                            style="background: center;float: left;line-height: 21px;padding: 0 10px">
                                    <i class="layui-icon layui-icon-code-circle" style="    font-size: 28px;
    vertical-align: middle;"></i>
                                </span><span class="proj_title">这是一个项目标题b</span></h2>
                                </div>
                                <div class="proj-abstract">
                                    <div class="proj_time">2018-05-22 12:19:03
                                    </div>
                                    <div>
                                        这是项目摘要这是项目摘
                                        要这是项目摘要这是项目摘要这是项目摘要这是项目摘要这是
                                        项目摘要这是项目摘要这是项目摘要这是项目摘要这是项目摘
                                        要这是项目摘要这是项目摘要这是项目摘要这是项目摘要
                                    </div>
                                </div>
                                <p class="labels2">
                                    <span class="icon-rate">
                                        <i class="layui-icon layui-icon-rate"></i>  0
                                    </span>
                                    <span class="icon-notice">
                                        <i class="layui-icon layui-icon-notice"></i> 0
                                    </span>
                                    <span style="margin:0 50px">
                                        <a href="https://github.com/chikazin">前往github
                                            <i class="layui-icon layui-icon-next icon-next"></i>
                                        </a></span>
                                    <span style="float:right"><span>
                                    <i class="layui-icon layui-icon-note"></i> Android
                                </span>
                                    <span>
                                    <i class="layui-icon layui-icon-note"></i> Java
                                </span></span>
                                </p>
                            </div>
                            <div class="proj-item">
                                <div class="proj-title">
                                    <h2 style="display: inline;"><span
                                            style="background: center;float: left;line-height: 21px;padding: 0 10px">
                                    <i class="layui-icon layui-icon-code-circle" style="    font-size: 28px;
    vertical-align: middle;"></i>
                                </span><span class="proj_title">这是一个项目标题c</span></h2>
                                </div>
                                <div class="proj-abstract">
                                    <div class="proj_time">2018-05-22 12:19:03
                                    </div>
                                    <div>
                                        这是项目摘要这是项目摘
                                        要这是项目摘要这是项目摘要这是项目摘要这是项目摘要这是
                                        项目摘要这是项目摘要这是项目摘要这是项目摘要这是项目摘
                                        要这是项目摘要这是项目摘要这是项目摘要这是项目摘要
                                    </div>
                                </div>
                                <p class="labels2">
                                    <span class="icon-rate">
                                        <i class="layui-icon layui-icon-rate"></i>  0
                                    </span>
                                    <span class="icon-notice">
                                        <i class="layui-icon layui-icon-notice"></i> 0
                                    </span>
                                    <span style="margin:0 50px">
                                        <a href="https://github.com/chikazin">前往github
                                            <i class="layui-icon layui-icon-next icon-next"></i>
                                        </a></span>
                                    <span style="float:right"><span>
                                    <i class="layui-icon layui-icon-note"></i> Android
                                </span>
                                    <span>
                                    <i class="layui-icon layui-icon-note"></i> Java
                                </span></span>
                                </p>
                            </div>
                        </div>
                    </li>
                    <li style="display: none">
                        <div class="about">
                            <iframe src="resume.html" frameborder="0" width="100%"
                                    style="margin: 0 auto;width: 620px;height: 880px"></iframe>
                        </div>
                    </li>
                </ul>
            </div>
        </section>
    </section>
    <footer>
        <div style="margin-top: 20px;text-align: center" class="text-center text-warning">
            <p>CopyRight©2020 All Rights Reserved<br>By Kazin Chi<span onclick="feedback()"> | 反馈</span></p>
        </div>
        <div class="ToTop" onclick="window.scrollTo({
    left: 0,
    top: 0,
    behavior: 'smooth'
})()">
            <a href="javascript:void(0);" class="ToTop">回到顶部</a>
        </div>
    </footer>
</div>
<script src="./myscript/index.js"></script>
</body>
</html>